<template>
	<view>
		<view class="header">
			<u-navbar :is-back="true" :border-bottom="false" height="46" title="" title-color="#333" title-size="36rpx"
			 :title-bold="true">
				<view class="navbar-right" slot="right" @click="">
					<view class="message-box right-item">
						<u-icon name="zhuanfa" size="38" style="margin-right: 30rpx;"></u-icon>
					</view>
				</view>
			</u-navbar>
		</view>
		
		<view class="title">
			{{examinationDetail.title}}
		</view>
		<view class="time">
			{{$u.timeFormat(examinationDetail._createtime, 'yyyy-mm-dd hh:MM')}}
		</view>
		<view class="content">
			<view class="first-text">
				{{examinationDetail.zyjd}}
			</view>
			<view class="label-wrap">
				<view class="label">
					<view class="label-bg-img">
						<image src="/static/common/lable.png" mode="widthFix"></image>
					</view>
					<view class="label-text">
						<span class="serial-num">01</span>报考时间
					</view>
				</view>
				<view class="label-desc">
					请根据所在地区查询报考时间。
				</view>
			</view>
			<view class="label-wrap">
				<view class="label">
					<view class="label-bg-img">
						<image src="/static/common/lable.png" mode="widthFix"></image>
					</view>
					<view class="label-text">
						<span class="serial-num">02</span>开考时间
					</view>
				</view>
				<view class="label-desc">
					{{$u.timeFormat(examinationDetail.ksstarttime, 'yyyy-mm-dd')}}到
					{{$u.timeFormat(examinationDetail.ksendtime, 'yyyy-mm-dd')}}
				</view>
			</view>
			<view class="label-wrap">
				<view class="label">
					<view class="label-bg-img">
						<image src="/static/common/lable.png" mode="widthFix"></image>
					</view>
					<view class="label-text">
						<span class="serial-num">03</span>考试介绍
					</view>
				</view>
				<view class="label-desc">
					<u-parse :html="richText"></u-parse>
				</view>
				<!-- <view class="content">
					<u-parse :html="informationDetail.ncontent"></u-parse>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	import RichText from '@/common/richtext.js'
	import { commonGet } from "@/api/commonapi.js"
	import ShareMerge from "@/common/ShareMerge.js"
	export default {
		mixins: [ShareMerge],
		data() {
			return {
				id:"",
				examinationDetail:{},
				$baseUrl:"",
				richText:"", //富文本数据
			}
		},
		onLoad(options) {
			this.$baseUrl = this.baseUrl
			this.id = options.id
			this.getExaminationDetail()
		},
		methods: {
			getExaminationDetail(){
			let _this = this
				let query = {
					ak:_this.$store.state.token,
					cmd:"nApplication_query_proc",
					para:JSON.stringify({
						id: _this.id
					})
				}
				commonGet(query,(result) => {
					_this.examinationDetail = result.Data
					_this.richText = RichText.formatRichText(_this.examinationDetail.ksjs)
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.header{
		border-bottom: 1px solid #ebebeb;
	}
	.title{
		padding: 50rpx 30rpx;
		font-size: 44rpx;
		font-weight: bold;
	}
	.time{
		color: #999999;
		font-size: 26rpx;
		padding: 0rpx 30rpx;
		margin-bottom: 100rpx;
	}
	.content{
		padding: 0 30rpx;
		font-size: 30rpx;
		line-height: 50rpx;
		.label-wrap{
			margin-top: 60rpx;
			.label{
				position: relative;
				margin-bottom: 40rpx;
				.label-bg-img{
					width: 332rpx;
					height: 90rpx;
					image{
						width: 332rpx;
						height: 90rpx;
					}
				}
				.label-text{
					position: absolute;
					top: 56%;
					transform: translateY(-50%);
					font-size: 34rpx;
					font-weight: bold;
					.serial-num{
						display: inline-block;
						margin-right: 70rpx;
						margin-left: 18rpx;
					}
				}
			}
			
		}
	}
</style>
